<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
	<link rel="stylesheet" type="text/css" href="/Funny/public/css/normalize.css">
	<link rel="stylesheet" type="text/css" href="/Funny/public/css/comm.css">
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<script type="text/javascript" src="/Funny/public/js/comm.js"></script>
	<script type="text/javascript" src="/Funny/public/js/machine.js"></script>
	<title>{$title}</title>
</head>
<body>
	<div class="container">
		<div class="menu"></div>
		<!-- 增加按钮，搜索按钮 -->
		<div class="add-search" >
			<div class="col-lg-4">
				<div class="input-group">	
					<span class="glyphicon glyphicon-search input-group-addon" aria-hidden="true">
					</span>				
					<input type="text" class="form-control" name="search_content" id="search_content" placeholder="搜索">
	        	</div>
			</div>
		</div>
		<!-- 实际内容 -->
		<div class="content">
			<table class="table table-bordered text-center">
				<thead>
					<tr>
						<td>操作系统</td>
						<td>机器型号型</td>
						<td>长期责任人</td>
						<td>归属项目</td>
						<td>使用人</td>
						<td>操作</td>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><input type="text" name="os" id="os"></td>
						<td><input type="text" name="type" id="type"></td>
						<td><input type="text" name="owner" id="owner"></td>
						<td><input type="text" name="ownproject" id="ownproject"></td>
						<td><input type="text" name="inuse" id="inuse"></td>
						<td><a href="ajaxDoAdd?" class="btn" id="a-to-add"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></td>
					</tr>
					<volist name="machines" id="machine">
						<tr>
							<td>{$machine.os}</td>
							<td>{$machine.type}</td>							
							<td>{$machine.owner}</td>
							<td>{$machine.ownproject}</td>
							<td>{$machine.inuse}</td>
							<td>
								<div class="btn-group-vertical">
									<a href="ajaxDoDel?id={$machine.id}" class="btn to-del">
									<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
									</a>
								</div>
							</td>
						</tr>
					</volist>
				</tbody>
				<tfoot>			
					
				</tfoot>
			</table>
		</div>
		
		<!-- 分页 -->
		<div class="bottom">
			<nav aria-label="...">
				<ul class="pager">
					<li class="previous <?php echo  $previous_disable?'disabled':'';?>"><a href="index?p={$previous_p}"><span aria-hidden="true">&larr;</span> Older</a></li>
					<li>
						<select id='p'>
							<?php
								for($i=1;$i<=$total_pages;$i++){
									$option_select='';
									if($current_p==$i){
										$option_select="selected";
									}
							?>
									<option value="{$i}" {$option_select} >{$i}</option>
							<?php
								}
							?>
						</select>
					</li>
					<li class="disabled"><a href="index?p={$current_p}">第{$current_p}页,共{$total_pages}页,共{$total_counts}条</a></li>
					<li class="next <?php echo $next_disable?'disabled':'';?> "><a href="index?p={$next_p}">Newer <span aria-hidden="true">&rarr;</span></a></li>
				</ul>
			</nav>
		</div>
	</div>
</body>
</html>